<!DOCTYPE html>
<html>

<head>
    <title>味爱地图</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/swiper-3.4.2.min.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/reset.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_534934_to93nvc30jvh1tt9.css">
</head>

<style>
    html {
        background-color: #f5f6f7;
    }

    .swiper-container,.swiper-wrapper a,.swiper-wrapper img{
        width: 100%;
        height: 9.4rem;
    }

    .weui-navbar {
        position: relative;
        top: 0;
    }

    .weui-navbar__item {
        padding: 0.3rem 0;
    }

    .weui-navbar .weui-bar__item--on {
        color: #ee7c24;
    }

    .weui-navbar__item:after,
    .weui-navbar:after {
        display: none;
    }

    .act-item .pic {
        border-radius: 0.05rem;
        flex: 0 0 4.3rem;
        width: 4.3rem;
        height: 3.5rem;
        margin-right: 0.5rem;
    }
    .weui-navbar+.weui-tab__bd{
        padding: 0;
    }
</style>

<body>

<div class="weui-tab">
    <div class="weui-navbar ">
        <a class="weui-navbar__item weui-bar__item--on" href="#emotion">
            情绪沙龙
        </a>
        <a class="weui-navbar__item" href="#exchange">
            积分兑换
        </a>
        <a class="weui-navbar__item" href="#diy">
            亲子DIY
        </a>
        <a class="weui-navbar__item" href="#story">
            品牌故事
        </a>
    </div>
    <div class="weui-tab__bd">
        <div id="emotion" class="weui-tab__bd-item weui-tab__bd-item--active">

        </div>
        <div id="exchange" class="weui-tab__bd-item">

        </div>
        <div id="story" class="weui-tab__bd-item">

        </div>
        <div id="diy" class="weui-tab__bd-item">

        </div>
    </div>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js" async></script>
<script type="text/javascript" src="${staticpath}/front/dist/js/lib/swiper-3.4.2.min.js"></script>
<script src="${staticpath}/front/dist/js/common/getPic.js"></script>
<script src="${staticpath}/front/dist/js/common/session.js"></script>
<script src="${staticpath}/front/dist/js/index.js"></script>
</html>